@charset "utf-8";
/* 分享字体图标 start */
@import url("../iconfont/iconfont.css");
/* 分享字体图标 end */
/* 分享按钮样式 start */
.sharejs_btn {color: #333333;font-size: 14px;cursor: pointer;display: inline-block;vertical-align: middle;width: 33px;height: 33px;}
.sharejs_btn:before {color: #a1a1a1;font-size: 22px;}
.sharejs_icon {overflow: hidden;width: 33px;height: 33px;line-height: 33px;border: 1px solid #a1a1a1;border-radius: 50%;color: #a1a1a1;font-size: 20px;text-align: center;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;margin: auto;}
.sharejs_icon:hover {color: #fff !important;background-color: #a1a1a1;cursor: pointer;}
.sharejs_icon.icon_Qzone{color: #F1C40F;border-color: #F1C40F;}
.sharejs_icon.icon_Qzone:hover{background-color: #F1C40F;}
.sharejs_icon.icon_TencentPYW{color: #35A806;border-color: #35A806;}
.sharejs_icon.icon_TencentPYW:hover{background-color: #35A806;}
.sharejs_icon.icon_TencentQQ{color: #5790F7;border-color: #5790F7;}
.sharejs_icon.icon_TencentQQ:hover{background-color: #5790F7;}
.sharejs_icon.icon_TencentWeibo{color: #56b6e7;border-color: #56b6e7;}
.sharejs_icon.icon_TencentWeibo:hover{background-color: #56b6e7;}
.sharejs_icon.icon_SinaWeibo{color: #ff9933;border-color: #ff9933;}
.sharejs_icon.icon_SinaWeibo:hover{background-color: #ff9933;}
.sharejs_icon.icon_Douban{color: #2E963D;border-color: #2E963D;}
.sharejs_icon.icon_Douban:hover{background-color: #2E963D;}
.sharejs_icon.icon_Diandian{color: #307DCA;border-color: #307DCA;}
.sharejs_icon.icon_Diandian:hover{background-color: #307DCA;}
.sharejs_icon.icon_LinkedIn{color: #0077b5;border-color: #0077b5;}
.sharejs_icon.icon_LinkedIn:hover{background-color: #0077b5;}
.sharejs_icon.icon_Twitter{color: #55acee;border-color: #55acee;}
.sharejs_icon.icon_Twitter:hover{background-color: #55acee;}
.sharejs_icon.icon_Facebook{color: #4267B2;border-color: #4267B2;}
.sharejs_icon.icon_Facebook:hover{background-color: #4267B2;}
.sharejs_icon.icon_GooglePlus{color: #db4437;border-color: #db4437;}
.sharejs_icon.icon_GooglePlus:hover{background-color: #db4437;}
.sharejs_icon.icon_Vkontakte{color: #4c6c91;border-color: #4c6c91;}
.sharejs_icon.icon_Vkontakte:hover{background-color: #4c6c91;}
.sharejs_icon.icon_Telegram{color: #0088cc;border-color: #0088cc;}
.sharejs_icon.icon_Telegram:hover{background-color: #0088cc;}
.sharejs_icon.icon_Email{color: #7d7d7d;border-color: #7d7d7d;}
.sharejs_icon.icon_Email:hover{background-color: #7d7d7d;}
.sharejs_icon.icon_Pinterest{color: #CB2027;border-color: #CB2027;}
.sharejs_icon.icon_Pinterest:hover{background-color: #CB2027;}
.sharejs_icon.icon_StumbleUpon{color: #eb4823;border-color: #eb4823;}
.sharejs_icon.icon_StumbleUpon:hover{background-color: #eb4823;}
.sharejs_icon.icon_Pocket{color: #ef4056;border-color: #ef4056;}
.sharejs_icon.icon_Pocket:hover{background-color: #ef4056;}
.sharejs_icon.icon_WhatsApp{color: #25d366;border-color: #25d366;}
.sharejs_icon.icon_WhatsApp:hover{background-color: #25d366;}
.sharejs_icon.icon_Viber{color: #645EA4;border-color: #645EA4;}
.sharejs_icon.icon_Viber:hover{background-color: #645EA4;}
.sharejs_icon.icon_LINE{color: #00c300;border-color: #00c300;}
.sharejs_icon.icon_LINE:hover{background-color: #00c300;}
.sharejs_icon.icon_fanfou{color: #00CCFF;border-color: #00CCFF;}
.sharejs_icon.icon_fanfou:hover{background-color: #00CCFF;}
.sharejs_icon.icon_WeChat{color: #4EC034;border-color: #4EC034;}
.sharejs_icon.icon_WeChat:hover{background-color: #4EC034;}
.sharejs_icon.icon_WeChatPYQ{color: #4EC034;border-color: #4EC034;}
.sharejs_icon.icon_WeChatPYQ:hover{background-color: #4EC034;}
.sharejs_icon.icon_Renren{color: #005baa;border-color: #005baa;}
.sharejs_icon.icon_Renren:hover{background-color: #005baa;}
.sharejs_icon.icon_Messenger{color: #448AFF;border-color: #448AFF;}
.sharejs_icon.icon_Messenger:hover{background-color: #448AFF;}
.sharejs_icon.icon_SMS{color: #ffbd00;border-color: #ffbd00;}
.sharejs_icon.icon_SMS:hover{background-color: #ffbd00;}
.sharejs_icon.icon_Tiktok{color: #4c4c4c;border-color: #4c4c4c;}
.sharejs_icon.icon_Tiktok:hover{background-color: #4c4c4c;}
.sharejs_icon.icon_Bilibili{color: #1EA9DE;border-color: #1EA9DE;}
.sharejs_icon.icon_Bilibili:hover{background-color: #1EA9DE;}
.sharejs_icon.icon_YouTube{color: #FF0000;border-color: #FF0000;}
.sharejs_icon.icon_YouTube:hover{background-color: #FF0000;}
.sharejs_icon.icon_Gmail{color: #D44638;border-color: #D44638;}
.sharejs_icon.icon_Gmail:hover{background-color: #D44638;}
.sharejs_icon.icon_xing{color: #1a7576;border-color: #1a7576;}
.sharejs_icon.icon_xing:hover{background-color: #1a7576;}
.sharejs_icon.icon_yummly{color: #E16120;border-color: #E16120;}
.sharejs_icon.icon_yummly:hover{background-color: #E16120;}
.sharejs_icon.icon_yahoomail{color: #720e9e;border-color: #720e9e;}
.sharejs_icon.icon_yahoomail:hover{background-color: #720e9e;}
.sharejs_icon.icon_WordPress{color: #21759b;border-color: #21759b;}
.sharejs_icon.icon_WordPress:hover{background-color: #21759b;}
.sharejs_icon.icon_Tumblr{color: #32506d;border-color: #32506d;}
.sharejs_icon.icon_Tumblr:hover{background-color: #32506d;}
.sharejs_icon.icon_Trello{color: #0D63DE;border-color: #0D63DE;}
.sharejs_icon.icon_Trello:hover{background-color: #0D63DE;}
.sharejs_icon.icon_surfingbird{color: #6dd3ff;border-color: #6dd3ff;}
.sharejs_icon.icon_surfingbird:hover{background-color: #6dd3ff;}
.sharejs_icon.icon_Snapchat{color: #2a2a2a;border-color: #2a2a2a;}
.sharejs_icon.icon_Snapchat:hover{background-color: #2a2a2a;}
.sharejs_icon.icon_Skype{color: #00aff0;border-color: #00aff0;}
.sharejs_icon.icon_Skype:hover{background-color: #00aff0;}
.sharejs_icon.icon_refind{color: #4286f4;border-color: #4286f4;}
.sharejs_icon.icon_refind:hover{background-color: #4286f4;}
.sharejs_icon.icon_reddit{color: #ff4500;border-color: #ff4500;}
.sharejs_icon.icon_reddit:hover{background-color: #ff4500;}
.sharejs_icon.icon_outlook{color: #3070CB;border-color: #3070CB;}
.sharejs_icon.icon_outlook:hover{background-color: #3070CB;}
.sharejs_icon.icon_meneame{color: #ff6400;border-color: #ff6400;}
.sharejs_icon.icon_meneame:hover{background-color: #ff6400;}
.sharejs_icon.icon_mailru{color: #168de2;border-color: #168de2;}
.sharejs_icon.icon_mailru:hover{background-color: #168de2;}
.sharejs_icon.icon_livejournal{color: #00b0ea;border-color: #00b0ea;}
.sharejs_icon.icon_livejournal:hover{background-color: #00b0ea;}
.sharejs_icon.icon_kooapp{color: #FACD00;border-color: #FACD00;}
.sharejs_icon.icon_kooapp:hover{background-color: #FACD00;}
.sharejs_icon.icon_kakao{color: #fcb700;border-color: #fcb700;}
.sharejs_icon.icon_kakao:hover{background-color: #fcb700;}
.sharejs_icon.icon_iorbix{color: #364447;border-color: #364447;}
.sharejs_icon.icon_iorbix:hover{background-color: #364447;}
.sharejs_icon.icon_instapaper{color: #000000;border-color: #000000;}
.sharejs_icon.icon_instapaper:hover{background-color: #000000;}
.sharejs_icon.icon_hackernews{color: #ff4000;border-color: #ff4000;}
.sharejs_icon.icon_hackernews:hover{background-color: #ff4000;}
.sharejs_icon.icon_flipboard{color: #e12828;border-color: #e12828;}
.sharejs_icon.icon_flipboard:hover{background-color: #e12828;}
.sharejs_icon.icon_digg{color: #262626;border-color: #262626;}
.sharejs_icon.icon_digg:hover{background-color: #262626;}
.sharejs_icon.icon_diaspora{color: #000000;border-color: #000000;}
.sharejs_icon.icon_diaspora:hover{background-color: #000000;}
.sharejs_icon.icon_buffer{color: #323B43;border-color: #323B43;}
.sharejs_icon.icon_buffer:hover{background-color: #323B43;}
.sharejs_icon.icon_blogger{color: #ff8000;border-color: #ff8000;}
.sharejs_icon.icon_blogger:hover{background-color: #ff8000;}
.sharejs_icon.icon_googlebookmarks{color: #4285F4;border-color: #4285F4;}
.sharejs_icon.icon_googlebookmarks:hover{background-color: #4285F4;}
.sharejs_icon.icon_threema{color: #000000;border-color: #000000;}
.sharejs_icon.icon_threema:hover{background-color: #000000;}
.sharejs_icon.icon_odnoklassniki{color: #d7772d;border-color: #d7772d;}
.sharejs_icon.icon_odnoklassniki:hover{background-color: #d7772d;}
.sharejs_icon.icon_kindleit{color: #363C3D;border-color: #363C3D;}
.sharejs_icon.icon_kindleit:hover{background-color: #363C3D;}
.sharejs_icon.icon_evernote{color: #5BA525;border-color: #5BA525;}
.sharejs_icon.icon_evernote:hover{background-color: #5BA525;}
.sharejs_icon.icon_amazon{color: #ff9900;border-color: #ff9900;}
.sharejs_icon.icon_amazon:hover{background-color: #ff9900;}
.sharejs_icon.icon_houzz{color: #7ac143;border-color: #7ac143;}
.sharejs_icon.icon_houzz:hover{background-color: #7ac143;}
.sharejs_icon.icon_delicious{color: #205cc0;border-color: #205cc0;}
.sharejs_icon.icon_delicious:hover{background-color: #205cc0;}
.sharejs_icon.icon_airbnb{color: #ff385c;border-color: #ff385c;}
.sharejs_icon.icon_airbnb:hover{background-color: #ff385c;}
.sharejs_icon.icon_discord{color: #8c9eff;border-color: #8c9eff;}
.sharejs_icon.icon_discord:hover{background-color: #8c9eff;}
.sharejs_icon.icon_etsy{color: #E67E22;border-color: #E67E22;}
.sharejs_icon.icon_etsy:hover{background-color: #E67E22;}
.sharejs_icon.icon_flickr{color: #ff0084;border-color: #ff0084;}
.sharejs_icon.icon_flickr:hover{background-color: #ff0084;}
.sharejs_icon.icon_quora{color: #a62100;border-color: #a62100;}
.sharejs_icon.icon_quora:hover{background-color: #a62100;}
.sharejs_icon.icon_medium{color: #333333;border-color: #333333;}
.sharejs_icon.icon_medium:hover{background-color: #333333;}
.sharejs_icon.icon_print{color: #222222;border-color: #222222;}
.sharejs_icon.icon_print:hover{background-color: #222222;}
.sharejs_icon.icon_instagram{color: #bc2a8d;border-color: #bc2a8d;}
.sharejs_icon.icon_instagram:hover{background-color: #bc2a8d;}
.sharejs_icon.icon_patreon{color: #F96854;border-color: #F96854;}
.sharejs_icon.icon_patreon:hover{background-color: #F96854;}
.sharejs_icon.icon_github{color: #333333;border-color: #333333;}
.sharejs_icon.icon_github:hover{background-color: #333333;}
.sharejs_icon.icon_tripadvisor{color: #1ABC9C;border-color: #1ABC9C;}
.sharejs_icon.icon_tripadvisor:hover{background-color: #1ABC9C;}
.sharejs_icon.icon_zillow{color: #006aff;border-color: #006aff;}
.sharejs_icon.icon_zillow:hover{background-color: #006aff;}
.sharejs_icon.icon_yelp{color: #d32323;border-color: #d32323;}
.sharejs_icon.icon_yelp:hover{background-color: #d32323;}
.sharejs_icon.icon_soundcloud{color: #ff8800;border-color: #ff8800;}
.sharejs_icon.icon_soundcloud:hover{background-color: #ff8800;}
.sharejs_icon.icon_spotify{color: #1ED760;border-color: #1ED760;}
.sharejs_icon.icon_spotify:hover{background-color: #1ED760;}
.sharejs_icon.icon_twitch{color: #6441A4;border-color: #6441A4;}
.sharejs_icon.icon_twitch:hover{background-color: #6441A4;}
.sharejs_icon.icon_vimeo{color: #29B6F6;border-color: #29B6F6;}
.sharejs_icon.icon_vimeo:hover{background-color: #29B6F6;}
.sharejs_icon.icon_copy{color: #14682B;border-color: #14682B;}
.sharejs_icon.icon_copy:hover{background-color: #14682B;}
/* 分享按钮样式 end */
/* 分享样式 start */
.sharejs_list {margin:-4px;}
.sharejs_list:after {content: ' ';display: block;clear: both;height: 0;opacity: 0;visibility: hidden;}
.sharejs_item {float: left;display: inline;}
.sharejs_con {margin:4px;cursor: pointer;overflow: hidden;}
.sharejs_text {line-height: 24px;color: #333333;font-size: 14px;text-align: center;}
.theme2.sharejs_list .sharejs_icon{float: left;margin-right: 5px;}
.theme2.sharejs_list .sharejs_text{float: left;height: 33px;line-height: 33px;}
.theme3.sharejs_list .sharejs_icon{float: left;margin-right: 5px;color: #fff !important;background: none !important;border: none !important;width: auto;}
.theme3.sharejs_list .sharejs_text{float: left;height: 33px;line-height: 33px;color: #fff;}
.theme3.sharejs_list .sharejs_con{border-radius: 4px;padding: 5px 15px;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
.theme3.sharejs_list .sharejs_con:hover{opacity: 0.85;}
/* .theme3.sharejs_list .sharejs_item{width: 10%;} */
/* 分享样式 end */
/* 弹窗样式 start */
.sharejs_tips {position: fixed;z-index: 1996;box-sizing: border-box;-webkit-box-sizing: border-box;display: none;text-align: center;font-size: 0;white-space: nowrap;box-sizing: border-box;-webkit-box-sizing: border-box;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;overflow: hidden;}
.sharejs_tips:before {content: '';display: none;position: absolute;left: 0;right: 0;margin: auto;bottom: -6px;width: 16px;height: 16px;transform: rotate(45deg);-webkit-transform: rotate(45deg);background: #fff;border-radius: 2px;transition: .3s;-webkit-transition: .3s;}
.sharejs_tips.show {display: block;overflow: unset;}
.sharejs_tips .sharejs_list {display: inline-block;vertical-align: middle;background: #FFFFFF;box-shadow: 0 15px 25px rgb(0 0 0 / 25%);-webkit-box-shadow: 0 15px 25px rgb(0 0 0 / 25%);border-radius: 40px;padding: 10px 20px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.sharejs_tips .sharejs_item {float: unset;display: inline-block;}
.sharejs_tips.mb {width: 100%;top: unset !important;left: 0 !important;display: block !important;bottom: 0 !important;transform: translateY(100%);-webkit-transform: translateY(100%);}
.sharejs_tips.mb .sharejs_list{padding: 15px 20px 10px;}
.sharejs_tips.mb.show {transform: translateY(0);-webkit-transform: translateY(0);}
.sharejs_tips.mb.show .sharejs_list{box-shadow: 0 15px 25px rgb(0 0 0 / 60%);-webkit-box-shadow: 0 15px 25px rgb(0 0 0 / 60%);}
.sharejs_tips.mb .sharejs_list {text-align: center;width: 100%;border-radius: 40px 40px 0 0;display: flex;justify-content: center;align-items: center;overflow: hidden;flex-wrap: wrap;}
.sharejs_tips.mb .sharejs_item {display: block;}
.sharejs_tips.fixedLeft{position: fixed;left: 0;z-index: 99;height: max-content;margin: auto;top: 0;bottom: 0;}
.sharejs_tips.fixedLeft .sharejs_list{border-radius: 0 15px 15px 0;}
.sharejs_tips.fixedLeft .sharejs_item{display: block;}
.sharejs_tips.fixedRight{position: fixed;right: 0;z-index: 99;height: max-content;margin: auto;top: 0;bottom: 0;}
.sharejs_tips.fixedRight .sharejs_list{border-radius:15px 0  0 15px;}
.sharejs_tips.fixedRight .sharejs_item{display: block;}
.sharejs_wxMask {background: rgba(0, 0, 0, 0.8);position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1996;opacity: 0;visibility: hidden;overflow: hidden;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;padding: 40px 15px;}
.sharejs_wxMask.show {opacity: 1;visibility: visible;}
.sharejs_wxTipsIcon {position: absolute;top: 5px;right: 120px;font-size: 30px;color: #fff;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.sharejs_wxTipsText {float: right;color: #fff;font-size: 16px;width: 40%;text-align: right;line-height: 24px;}
.sharejs_wxMask.mb .sharejs_wxTipsIcon {right: 30px;}
.sharejs_wxMask.mb .sharejs_wxTipsText {width: 65%;}
.sharejs_msgBox {position: fixed;top: 0;bottom: 0;left: 0;right: 0;text-align: center;font-size: 0;z-index: 1996;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;transform: scale(0);-webkit-transform: scale(0);overflow: hidden;}
.sharejs_msgBox.show {transform: scale(1);-webkit-transform: scale(1);}
.sharejs_msgBox:before {content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%;}
.sharejs_msgCon {position: relative;display: inline-block;vertical-align: middle;background: rgba(0, 0, 0, 1);font-size: 14px;color: #fff;border-radius: 5px;padding: 10px 20px;}
.sharejs_msgClose{display: none;position: absolute;width: 20px;height: 20px;line-height:20px;border-radius: 50%;background-color: #555;cursor: pointer;font-size: 12px;top: -4px;right: -4px;z-index: 5;}
.timeFalse .sharejs_msgClose{display: block;}
.sharejs_popMask {background: rgba(0, 0, 0, 0.6);position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1996;text-align: center;font-size: 0;opacity: 0;visibility: hidden;overflow: hidden;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
.sharejs_popMask.show {opacity: 1;visibility: visible;}
.sharejs_popMask:before {content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%;}
.sharejs_popCon {display: inline-block;vertical-align: middle;background-color: #FFFFFF;max-width: 360px;border-radius: 15px;box-shadow: 0px 10px 15px rgb(0, 0, 0, .25);-webkit-box-shadow: 0px 10px 15px rgb(0, 0, 0, .25);transition: all 0.3s linear;-webkit-transition: all 0.3s linear;transform: scale(1.2);-webkit-transform: scale(1.2);text-align: left;font-size: 14px;color: #333333;overflow: hidden;}
.sharejs_popMask.show .sharejs_popCon {transform: scale(1);-webkit-transform: scale(1);}
.sharejs_popHeader {padding: 10px 20px;border-bottom: 1px solid #ebedf9;overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box;}
.sharejs_title {font-size: 20px;color: #333;line-height: 28px;padding: 3px 0;overflow: hidden;}
.sharejs_close {float: right;display: inline;color: #333;font-size: 18px;background: #efefef;height: 34px;width: 34px;line-height: 34px;text-align: center;cursor: pointer;border-radius: 50%;font-size: 14px;font-weight: bold;transition: 0.3s linear;-webkit-transition: 0.3s linear;}
.sharejs_popHeader .sharejs_close {margin-left: 10px;}
.sharejs_close:hover {color: #FFFFFF;background: #f00;}
.sharejs_popBody {padding: 20px 20px 10px;overflow: hidden;max-height: 300px;overflow-y: auto;}
.sharejs_codeBox {position: relative;text-align: center;font-size: 0;padding: 10px 20px;}
.sharejs_codeBox .sharejs_codeCon,
.sharejs_codeBox canvas,
.sharejs_codeBox img {min-height: 150px;min-width: 150px;background: #eee;max-width: 100%;max-height: 100%;display: inline-block;margin: 0 auto;}
.sharejs_popFooter {padding: 0 20px 10px;overflow: hidden;}
.sharejs_linkBox {padding: 10px 0 0;}
.sharejs_linkCon {border: 1px dashed #c1c1c1;border-radius: 4px;overflow: hidden;}
.sharejs_linkIcon {height: 34px;line-height: 34px;font-size: 16px;color: #333;white-space: nowrap;text-align: center;margin: 0 10px;float: left;display: inline;}
.sharejs_linkVal {overflow: hidden;}
.sharejs_linkBtn {float: right;display: inline; white-space: nowrap;background: #7d2ae8;min-width: 80px;font-size: 14px;color: #fff;border-radius: 4px;cursor: pointer;height: 34px;line-height: 34px;text-align: center;padding: 0 10px;}
.sharejs_linkBtn2{float: unset;display: block;}
.sharejs_linkInput {width: 100%;outline: none;border: none;box-sizing: border-box;-webkit-box-sizing: border-box;height: 34px;line-height: 34px;font-size: 16px;color: #333;padding-right: 10px;}
.sharejs_popShare{text-align: center;}
.sharejs_popShare .sharejs_list{display: inline-block;}
.sharejs_popShare .sharejs_item{display: inline-block;float: unset;}
.sharejs_shareContent{padding:15px;background:#f5f5f5;border-radius: 6px;}
.sharejs_shareTitle{font-size: 16px;color: #000000;padding-bottom: 10px;border-bottom: 1px solid #c1c1c1;}
.sharejs_shareDesc{font-size: 14px;color: #666;padding: 10px 0;}
.sharejs_shareUrl{font-size: 14px;color: #666;text-decoration: none;transition: .3s linear;-webkit-transition: .3s linear;}
.sharejs_shareUrl:hover{color: #7d2ae8;}
/* 弹窗样式 end */
